<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<%--
  Created by IntelliJ IDEA.
  User: hexi
  Date: 2015/5/17 11:01
  E-MAIL: hex273@tssup.com
--%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="description" content="Flat, Clean, Responsive, admin template built with bootstrap 3">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
    <title>凯信壹立 | 信息中心</title>
    
    <%@ include file="include/css.jsp"%>

</head>
<body>
<%@ include file="include/menu.jsp"%>

        <!-- 页面实际内容 -->
        <section id="content" class="main-content">
            <div class="content-wrap no-padding">
                <div class="bg-white clearfix">
                    <a href="javascript:;" class="pull-left avatar-padded pd-xs" style="margin-right: 10px;">
                        <i class="fa fa-coffee fa-4x"></i>
                    </a>

                    <div>
                        <div style="font-size: 18px; line-height: 40px;">信息中心</div>
                    </div>
                </div>

                <div class="row pd-xs">
                    <div class="col-md-3 col-sm-6 col-xs-12">
                        <section class="panel">
                            <div class="panel-body">
                                <div class="circle-icon bg-success">
                                    <i class="fa fa-tasks"></i>
                                </div>
                                <div>
                                    <h3 class="no-margin">100单</h3> 本月累计
                                </div>
                            </div>
                        </section>
                    </div>
                    <div class="col-md-3 col-sm-6 col-xs-12">
                        <section class="panel">
                            <div class="panel-body">
                                <div class="circle-icon bg-danger">
                                    <i class="fa fa-anchor"></i>
                                </div>
                                <div>
                                    <h3 class="no-margin">1000</h3> 目标任务
                                </div>
                            </div>
                        </section>
                    </div>
                    <div class="col-md-3 col-sm-6 col-xs-12">
                        <section class="panel">
                            <div class="panel-body">
                                <div class="circle-icon bg-success">
                                    <i class="fa fa-users fa-spin"></i>
                                </div>
                                <div>
                                    <h3 class="no-margin">1</h3> 目前排名
                                </div>
                            </div>
                        </section>
                    </div>
                    <div class="col-md-3 col-sm-6 col-xs-12">
                        <section class="panel">
                            <div class="panel-body">
                                <div class="circle-icon">
                                    <canvas id="icon1" width="50" height="50"></canvas>
                                </div>
                                <div>
                                    <h3 class="no-margin">其他</h3> 其他数据
                                </div>
                            </div>
                        </section>
                    </div>
                </div>

                <!--龙虎榜 -->
                <div class="row pd-xs">
                    <div class="col-md-4">
                        <section class="panel panel-primary">
                            <div class="panel-heading">
                                <i class="fa fa-star"></i> 龙虎排行榜
                                <small class="pull-right">
                                    <a class="fa panel-collapsible pd-r-xs fa-chevron-down" href="javascript:;"></a>
                                    <a class="fa fa-refresh panel-refresh pd-r-xs" href="javascript:;"></a>
                                    <a class="fa fa-times panel-remove" href="javascript:;"></a>
                                </small>
                            </div>
                            <div class="panel-body no-padding" style="display: block;" >
                                <ul class="list-group">
                                    <li class="list-group-item">
                                    <span class="pull-left mg-t-xs mg-r-md">
                                        <img src="${ctx}/static/img/face3.jpg" class="avatar avatar-sm img-circle" alt="">
                                    </span>

                                        <div class="show no-margin pd-t-xs">
                                            王迪
                                            <a class="pull-right bg-success">￥:8,330 元成交</a>
                                        </div>
                                        <small class="text-muted">广州分公司 . 雷霆战队</small>
                                    </li>
                                    <li class="list-group-item">
                                   <span class="pull-left mg-t-xs mg-r-md">
                                       <img src="${ctx}/static/img/face5.jpg" class="avatar avatar-sm img-circle" alt="" />
                                   </span>

                                        <div class="show no-margin pd-t-xs">
                                            马云
                                            <small class="pull-right">￥:8,330 元成交</small>
                                        </div>
                                        <small class="text-muted">广州分公司 . 无影战队</small>
                                    </li>
                                </ul>
                                <a class="btn btn-primary btn-xs btn-toolbar pull-right pd-l-sm pd-r-sm" href="javascript:;">more</a>
                            </div>
                        </section>
                    </div>

                    <div class="col-md-4">
                        <section class="panel panel-primary">
                            <div class="panel-heading">
                                <i class="fa fa-star"></i> 龙虎排行榜
                                <small class="pull-right">
                                    <a class="fa panel-collapsible pd-r-xs fa-chevron-down" href="javascript:;"></a>
                                    <a class="fa fa-refresh panel-refresh pd-r-xs" href="javascript:;"></a>
                                    <a class="fa fa-times panel-remove" href="javascript:;"></a>
                                </small>
                            </div>
                            <div class="panel-body no-padding" style="display: block;" >
                                <ul class="list-group">
                                    <li class="list-group-item">
                                    <span class="pull-left mg-t-xs mg-r-md">
                                        <img src="static/img/face3.jpg" class="avatar avatar-sm img-circle" alt="">
                                    </span>

                                        <div class="show no-margin pd-t-xs">
                                            王迪
                                            <a class="pull-right bg-success">￥:8,330 元成交</a>
                                        </div>
                                        <small class="text-muted">广州分公司 . 雷霆战队</small>
                                    </li>
                                    <li class="list-group-item">
                                   <span class="pull-left mg-t-xs mg-r-md">
                                       <img src="static/img/face5.jpg" class="avatar avatar-sm img-circle" alt="" />
                                   </span>

                                        <div class="show no-margin pd-t-xs">
                                            马云
                                            <small class="pull-right">￥:8,330 元成交</small>
                                        </div>
                                        <small class="text-muted">广州分公司 . 无影战队</small>
                                    </li>
                                </ul>
                                <a class="btn btn-primary btn-xs btn-toolbar pull-right pd-l-sm pd-r-sm" href="javascript:;">more</a>
                            </div>
                        </section>
                    </div>

                    <div class="col-md-4">
                        <section class="panel panel-primary">
                            <div class="panel-heading">
                                <i class="fa fa-star"></i> 龙虎排行榜
                                <small class="pull-right">
                                    <a class="fa panel-collapsible pd-r-xs fa-chevron-down" href="javascript:;"></a>
                                    <a class="fa fa-refresh panel-refresh pd-r-xs" href="javascript:;"></a>
                                    <a class="fa fa-times panel-remove" href="javascript:;"></a>
                                </small>
                            </div>
                            <div class="panel-body no-padding" style="display: block;" >
                                <ul class="list-group">
                                    <li class="list-group-item">
                                    <span class="pull-left mg-t-xs mg-r-md">
                                        <img src="static/img/face3.jpg" class="avatar avatar-sm img-circle" alt="">
                                    </span>

                                        <div class="show no-margin pd-t-xs">
                                            王迪
                                            <a class="pull-right bg-success">￥:8,330 元成交</a>
                                        </div>
                                        <small class="text-muted">广州分公司 . 雷霆战队</small>
                                    </li>
                                    <li class="list-group-item">
                                   <span class="pull-left mg-t-xs mg-r-md">
                                       <img src="static/img/face5.jpg" class="avatar avatar-sm img-circle" alt="" />
                                   </span>

                                        <div class="show no-margin pd-t-xs">
                                            马云
                                            <small class="pull-right">￥:8,330 元成交</small>
                                        </div>
                                        <small class="text-muted">广州分公司 . 无影战队</small>
                                    </li>
                                </ul>
                                <a class="btn btn-primary btn-xs btn-toolbar pull-right pd-l-sm pd-r-sm" href="javascript:;">more</a>
                            </div>
                        </section>
                    </div>
                </div>
                <div class="row pd-xs">
                    <!--我的流程-->
                    <div class="col-md-6">
                        <section class="panel panel-primary">
                            <div class="panel-heading">
                                <i class="fa fa-stack-overflow"></i> 我的流程
                                <small class="pull-right">
                                    <a class="fa panel-collapsible pd-r-xs fa-chevron-down" href="javascript:;"></a>
                                    <a class="fa fa-refresh panel-refresh pd-r-xs" href="javascript:;"></a>
                                    <a class="fa fa-times panel-remove" href="javascript:;"></a>
                                </small>
                            </div>
                            <div class="panel-body no-padding" style="display: block;" >
                                <table class="table   table-hover no-margin">
                                    <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>类型</th>
                                        <th>流程标题</th>
                                        <th>创建日期</th>
                                        <th>当前环节</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td>1</td>
                                        <td>请假</td>
                                        <td><a href="http://www.baidu.com">李强-2015-05-06-请假单</a></td>
                                        <td>2015-05-06</td>
                                        <td>项目经理审批</td>
                                    </tr>
                                    <tr>
                                        <td>2</td>
                                        <td>请假</td>
                                        <td>李强-2015-05-06-请假单</td>
                                        <td>2015-05-06</td>
                                        <td>项目经理审批</td>
                                    </tr>
                                    <tr>
                                        <td>3</td>
                                        <td>请假</td>
                                        <td>李强-2015-05-06-请假单</td>
                                        <td>2015-05-06</td>
                                        <td>项目经理审批</td>
                                    </tr>
                                    <tr>
                                        <td>4</td>
                                        <td>请假</td>
                                        <td>李强-2015-05-06-请假单</td>
                                        <td>2015-05-06</td>
                                        <td>项目经理审批</td>
                                    </tr>
                                    </tbody>
                                </table>
                                <a class="btn btn-primary btn-xs btn-toolbar pull-right pd-l-sm pd-r-sm" href="javascript:;">more</a>
                            </div>
                        </section>
                    </div><!--我的流程/.-->
                    <div class="col-md-6">
                        <section class="panel panel-primary">
                            <div class="panel-heading">
                                <i class="fa fa-stack-overflow"></i> 我的流程
                                <small class="pull-right">
                                    <a class="fa panel-collapsible pd-r-xs fa-chevron-down" href="javascript:;"></a>
                                    <a class="fa fa-refresh panel-refresh pd-r-xs" href="javascript:;"></a>
                                    <a class="fa fa-times panel-remove" href="javascript:;"></a>
                                </small>
                            </div>
                            <div class="panel-body no-padding" style="display: block;" >
                                <table class="table table-hover no-margin">
                                    <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>活动名称</th>
                                        <th>活动地点</th>
                                        <th>费用形式</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td>1</td>
                                        <td>酒吧聚会</td>
                                        <td>广州酒吧</td>
                                        <td>@mdo</td>
                                    </tr>
                                    <tr>
                                        <td>2</td>
                                        <td>打野战CS</td>
                                        <td>龙洞</td>
                                        <td>@fat</td>
                                    </tr>
                                    <tr>
                                        <td>1</td>
                                        <td>酒吧聚会</td>
                                        <td>广州酒吧</td>
                                        <td>@mdo</td>
                                    </tr>
                                    <tr>
                                        <td>2</td>
                                        <td>打野战CS</td>
                                        <td>龙洞</td>
                                        <td>@fat</td>
                                    </tr>
                                    </tbody>
                                </table>
                                <a class="btn btn-primary btn-xs btn-toolbar pull-right pd-l-sm pd-r-sm" href="javascript:;">more</a>
                            </div>
                        </section>
                    </div>
                </div>
            </div>

            <!-- 底部版权信息 -->
            <footer>
                <p>© <a href="javascript:;">凯信壹立2015</a>
                </p>
                <p class="pull-right">All rights reserved
                </p>
            </footer><!-- /.底部版权信息 -->
        </section><!-- /.页面实际内容 -->
    </section><!-- /.页面布局 -->
</div>

<div id="overlay" class="searchoverlay" ></div>

<%@ include file="include/script.jsp"%>
</body>
</html>